﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title></title>
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="product.css" type="text/css" media="screen, projection" />
</head>
<body>
    <div class="top-header"></div>
    <div class="layout">
        <div class="site-container">
            <div class="site-description">
                <b>CoffeePlanet.ru</b> &ndash; интернет-магазин по продаже кофемашин, подарочных наборов, кофе и чая.
            </div>
            <div class="site-layout">
                <div class="site-content">
                    <div class="main-menu">
                        <a class="separator" href="#">Главная</a>
                        <a class="separator" href="#">Новости</a>
                        <a class="separator" href="#">Статьи</a>
                        <a class="separator" href="#">Поиск</a>
                        <a class="separator" href="#">Карта</a>
                        <a class="separator" href="#">Контакты</a>
                        <a href="#">Реклама</a>
                        <div class="navigation">
                            <a class="home" href="#"></a>
                            <a class="map" href="#"></a>
                            <a class="mail" href="#"></a>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="logo">
                        <img src="./img/logo.png" alt="logo"/>
                    </div>
                    <div class="search-layout">
                        <table class="search">
                            <tr>
                                <td><span>ПОИСК ПО САЙТУ:</span></td>
                                <td><input type="text" value="Ручная кофемашина" /></td>
                                <td class="separator"><a href="#" class="search-arrow"></a></td> 

                                <td class="first"><span>ПОИСК ТОВАРОВ:</span></td>
                                <td><input type="text" value="Bravilor Bonamat" /></td>
                                <td class="separator"><a href="#" class="search-arrow"></a></td> 

                                <td class="first"><span><b>ВАША КОРЗИНА:</b></span></td>
                                <td class="cart"><b>100</b></td>
                                <td><a href="#">Просмотреть</a> / <a href="#">Оформить</a></td>
                            </tr>
                        </table>
                    </div>
                    <table>
                        <tr>
                            <td class="left" valign="top">
                                <div class="left-menu">
                                    <div class="left-container">
                                        <div class="header">
                                            <span>КАТЕГОРИИ ТОВАРОВ</span>
                                        </div>
                                        <div class="content-layout">
                                            <div class="content">
                                                <div class="menu-category">
                                                    <a href="#">КОФЕМАШИНЫ</a>
                                                    <div class="separator"></div>
                                                    <div class="menu-subcategory">
                                                        <a href="#">Bravilor</a>
                                                        <a href="#">Bravilor</a>
                                                        <a href="#">Bravilor</a>
                                                        <a href="#">Bravilor</a>
                                                    </div>
                                                </div>
                                                <div class="menu-category">
                                                    <a href="#">КОФЕ</a>
                                                    <div class="separator"></div>
                                                    <div class="menu-subcategory">
                                                        <a href="#">Машинка</a>
                                                        <a href="#">Трахтар</a>
                                                        <a href="#">Кмаза</a>
                                                        <a href="#">Ржака</a>
                                                    </div>
                                                </div> 
                                                <div class="menu-category">
                                                    <a href="#">ЦАЙ</a>
                                                    <div class="separator"></div>
                                                </div>           
                                                <div class="menu-category">
                                                    <a href="#">КАКАВА</a>
                                                    <div class="separator"></div>
                                                </div>           
                                            </div>
                                        </div>
                                        <div class="bottom"></div>
                                    </div>
                                </div>
                                <div class="login">
                                    <div class="left-container">
                                        <div class="header">
                                            <span>АВТОРИЗАЦИЯ</span>
                                        </div>
                                        <div class="content-layout">
                                            <div class="content">
                                                <input type="text" value="Логин"/>
                                                <input type="text" value="Пароль"/>
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <a href="#" class="forgot-pass">Забыли пароль?</a>
                                                            <a href="#" class="register">Регистрация</a>
                                                        </td>
                                                        <td>
                                                            <input type="submit" value="Войти"/>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="bottom"></div>
                                    </div>
                                </div>
                            </td>
                            <td valign="top" class="right">
                                <div class="content-layout">
                                    <div class="content">
                                        <div class="header-layout">
                                            <div class="header">
                                                 <div class="crumbs">
                                                    <a href="">Главная</a>
                                                    <span>&rarr;</span>
                                                    <a href="">Кофемашины</a>
                                                    <span>&rarr;</span>
                                                    <span><b>Bla bla bla кофемашина</b></span>
                                                </div>
                                            </div>    
                                        </div>
                                        <div class="item-layout">
                                            <div class="item-content">
                                                <table>
                                                    <tr>
                                                        <td class="prod-pic"  valign="top">
                                                            <img src="./img/pic1.jpeg" alt="prog-img" />
                                                            <div class="clear"></div>
                                                            <div class="zoom">
                                                                <a href="#">Увеличить</a>
                                                            </div>
                                                        </td>
                                                        <td  valign="top">
                                                            <div class="prod-header">
                                                                <a href="#">Кофемашина Bravilor Bonamat NOVO2</a>
                                                            </div>
                                                            <div class="prod-price">
                                                                <span>Цена:</span>
                                                                <b>20000 руб.</b>
                                                            </div>
                                                            <p class="prod-desc">
                                                                he BuildNumber must be enclosed in quotation marks if it contains spaces. The typical format for the BuildNumber is BuildType_yyyymmdd.x, where the yyyy specifies the year, for example 2010. The mm specifies month, for example 05, and dd specifies the day, for example 21. The x specifies the build increment on that day, for example for the first build of a given date x would be 1. You can also customize the build numbering format. For more information, see
                                                            </p>
                                                            <div class="add-to-cart">
                                                                <input type="submit" value="В корзину"/>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <div class="footer">
                        <div class="copyright">
                            &copy 2011, somesite.com
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>